<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8" %>
<%@page pageEncoding="UTF-8" %>
<html>
<head>
    <title>生成卡管理</title>

    <link type="text/css" rel="stylesheet" href="/static/styles/global.css"/>
    <link type="text/css" rel="stylesheet" href="/static/styles/main.css"/>
    <link type="text/css" rel="stylesheet" href="/static/styles/jobs-table.css"/>

    <link type="text/css" rel="stylesheet" href="/static/scripts/timepicker/js/jquery-ui-timepicker-addon.css"/>
    <link type="text/css" rel="stylesheet" href="/static/scripts/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css"/>

    <script type="text/javascript" src="/static/scripts/validator/languages/jquery.validationEngine-lang.js"  charset="utf-8"></script>
    <script src="/static/scripts/validator/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="/static/styles/validator/validationEngine.jquery.css" />

    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-sliderAccess.js"></script>
    <script type="text/javascript" src="/static/scripts/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript" src="/static/scripts/card/present-cards.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            $('#cardActivationDeadline').datepicker({dateFormat: "yy-mm-dd"});
        });
    </script>

</head>
<body>
<div class="yui-g">
    <fieldset>
        <legend>赠卡管理</legend>
        <form action="/ozing/card/init" accept-charset="UTF-8" method="POST" onsubmit="javascript:return false"
              id="paidCardForm">
            <table cellspacing="0" class="yui-skin-sam noborder_table">
                <tr>
                    <td>
                        <label for="cardType">卡类型</label>
                    </td>
                    <td>
                        <select id="cardType" name="cardType">
                            <option value="GIFT">礼品卡</option>
                        </select>
                    </td>
                    <td>
                        <label for="cardParValue">星币值</label>
                    </td>
                    <td>
                        <input id="cardParValue" name="cardParValue" type="text" size="10" class="validate[required,custom[number],maxSize[4]]"/>
                    </td>
                    <td>
                        <label for="cardValidityPeriod">有效期</label>
                    </td>
                    <td>
                        <input id="cardValidityPeriod" name="cardValidityPeriod" type="text" size="10" class="validate[required,custom[number],maxSize[3]]"/>
                        <select id="cardValidityPeriodType" name="cardValidityPeriodType">
                            <option value="Y">年</option>
                            <option value="M">月</option>
                            <option value="D">日</option>
                        </select>
                    </td>
                    <td>
                        <label for="description">备注</label>
                    </td>
                    <td>
                    <td>
                        <textarea name="description" id="description" class="validate[maxSize[500]]"> </textarea>
                    </td>

                </tr>
                <tr>
                    <td><label for="usernames">用户名</label></td>
                    <td colspan="14">
                        <textarea id="usernames" name="usernames" class="validate[required]" style="width: 50%;height: 60px"></textarea>
                        <span>*用户名之间请用英文逗号隔开</span>
                    </td>
                </tr>
                <tr >
                    <td colspan="15" style="margin-top: 20px">
                        <input type="button" name="generate_btn" id="generate_btn"/>
                    </td>
                </tr>

            </table>
        </form>
    </fieldset>
</div>
</body>
</html>
